<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    div{
      width: 200px;
      height: 50px;
      border: 1px solid red;
      /*文本水平对齐方式*/
      text-align: center;
        /*行高 一行的高度 多行可以控制文本直接的距离
        单行可以控制垂直居中*/
        line-height: 50px;
        /*文本修饰 overline上划线underline下划线
        line-through删除线
        none去掉文本修饰 比如超链接默认下划线 可以去掉
        作用在当前文字上*/
        text-decoration:none;
        /*文本阴影:颜色 x偏移值 y偏移值 浓度
        偏移值值原本文字的基础上偏移几个像素
        浓度越低越清晰 越高越模糊 0的时候就类似于复制
        */
        text-shadow: red 3px 3px 10px ;
        /*文本字体大小*/
        font-size:20px ;
        /*字体 加粗 bold加粗
        normal去掉加粗 比如h标签 默认加粗*/
        font-weight: bold;
    }
    a{
        text-decoration: none;
    }
    h3{
        font-weight: normal;/* normal去掉加粗*/
        /*设置斜体*/
        font-style: italic;
        /*设置字体 黑体宋体..*/
        font-family: "Poiret One";
        /*另一种设置 字体大小 和字体 一起设置*/
        font: 15px "Palatino Linotype";
    }
  </style>
</head>
<body>
<h3>这是个h3</h3>
<a href="">超链接</a>
<div>文本和字体测试</div>
</body>
</html>